<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.7.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//attr,设置或返回被选元素的属性值。
				console.log($(".box").attr("class"));
				console.log($(".box").attr("aaa"));
				$(".box").attr("aaa","ccc");
				
//				removeAttr,从每一个匹配的元素中删除一个属性。
				$(".box").removeAttr("id");
				$(".box").removeAttr("value");
				
				//prop获取在匹配的元素集中的第一个元素的属性值。
				console.log($(".box").prop("name"));//不能获取修改自定义属性的值
				console.log($(".box").prop("title"));
				
				console.log($("input").prop("checked"));
				console.log($("input").attr("checked"));
				
				//removeProp用来删除由.prop()方法设置的属性集。
				
//				addClass为每个匹配的元素添加指定的类名。
				$(".box").addClass("active box2");
				
//				removeClass从所有匹配的元素中删除全部或者指定的类。
				$(".box").removeClass("box2");
				
//				toggleClass如果存在（不存在）就删除（添加）一个类。
				$(".box").toggleClass("box3");
				
				//html,取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
				console.log($('.box').html());
				$('.box').html("哈哈哈哈哈哈");
				
				//text，取得所有匹配元素的内容。这个方法对HTML和XML文档都有效。。
				console.log($('.box').text());
				$('.box').text("hehheheh");
				
				//val获得匹配元素的当前值。用在表单控件上
				$("textarea").val("jsahajshaj");
			})
		</script>
	</head>
	<body>
		<textarea></textarea>
		<input type="radio" checked="checked" />
		<div class="box box2" id="obox"  title="盒子" value="" aaa="bbbb" name="mybox">测试Div</div>
	</body>
</html>
